<template>
    <dd-tab init-index="2" class="my-tab" slider="underline">
        <dd-item>item-1 </dd-item>
        <dd-item>item-2 </dd-item>
        <dd-item>item-3 </dd-item>
        <template #content>
            <div>content-1</div>
            <div>content-2</div>
            <div>content-3</div>
        </template>
    </dd-tab>
</template>
<style>
.my-tab {
    --nav-item-gap: 1em;
    --nav-item-padding: 0.5em 1em;
}
</style>
